javascript react-native styled-components animations lottie mobile-development expo JavaScript

React-路由 react-router-dom

React 路由 react-router-dom BrowserRouter Routes Route Link useNavigate useSearchParams useParams useRoutes 声明式导航编程式导航路由传参默认路由路由嵌套

react-router-dom v6 使用

标签： js javascript react

react-router-dom react-router-dom v6 整体体验相对于 v5 ，体验要好更多，最大的一个改变，就是曾经的 Route 不可嵌套，整个路由配置必须拆分成若干小块，除非通过 react-router-config 这种插件，才可以实现对...

react-router-dom v6.0新特性及路由守卫结合react-activation实现路由缓存

标签： react.js 前端 javascript

react-router-dom v6.0新特性及路由守卫,路由拦截，重定向，传参

react 导入 react-router-dom引入Switch报 ‘Switch‘ is not exported from ‘react-router-dom

标签： react Rc-router-dom

react-router-dom从V5升级到V6后，有些使用做了一些改变： (1) Switch 重命名为 Routes // v5 <Switch> <Route exact path="/"><Home /></Route> <Route path="/profile"><...

React 路由react-router-dom详解

标签： react.js 前端 javascript

React 路由react-router-dom详解(路由嵌套+路由传参+路由权限+路由优化按需导入+404页面)

react-router v6实现动态的title(react-router-dom v6)

标签： react.js javascript 前端

react-router v6实现动态的title(react-router-dom v6)

【React-Native】基于react-native-echarts-pro图表库的地图展示

标签： react native 图表 react-native地图

由于业务需要展示世界地图，并且对地图数据进行操作；前期选用native-echarts，但是该组件有三个问题：1.长期不维护；2.echarts版本较老；3.没有自带的地图功能；故有了该组件的诞生，废话不多说，上手： ...

react-router-dom文档

标签： react.js react-router

本来体验下react-router的，然后去react-router npm查看，发现了官方的提示如下: 这个包为 React Router 提供了核心路由功能，但你可能不想直接安装它。如果您正在编写将在浏览器中运行的应用程序，您应该安装 ...

React教程之create-react-app+webpack打包运行项目(react-webpack-starter)

标签： react-webpack-starter react webpack 入门指南 create-react-app webpack

Why Webpack？兼容 CommonJS & AMD & ES6 模組規範 Bundle 效率高 JS 擴充語法的編譯自動化 (JSX, Coffee Script, TypeScript…) 編譯 sass, less 將資源 (css, img, font…) 包入 JS 內 ...

react-router-dom v6 版本使用内容详解

标签： react.js javascript 前端

react-router-dom v6 版本使用内容详解 1.路由组件 (1-1) v6 方式一 react-router-dom 常规 (1-2) v6 方式二 react-router-dom 使用 useRoutes 2.页面跳转 (2-1) Link 组件跳转 (2-2) useNavigate hooks...

react react-pdf实现在线pdf加载（翻页加载、下拉滚动加载）

标签： react.js javascript 前端

react如何利用react-pdf实现pdf的展示（包括了翻页加载pdf与滚动下拉加载pdf的示例）

React-hook-form-mui（一）：基本使用

标签： react.js javascript 前端

本文及以下几篇文章，会从简到难讲解如何使用。希望通过这几篇文章的介绍，能够帮助你入门`react-hook-form-mui`

react-组件分享MasonryLayout瀑布流布局react-masonry-css

标签： react.js css javascript

react react-masonry-css实现瀑布流

react-router-dom V6 中文文档教程总结

标签： react.js javascript 前端

react-router-dom v6 使用文档教程 react-router-dom

pc端react预览图片的两款插件，react-images, react-images-viewer

标签： react.js

在pc端预览图片还是常见的业务，...react-images 和。react-images-viewer react-images 1. 安装 yarn add react-images --save or npm/cnpm i react-images --save 2. 在代码中使用可以直接封装成一个组件方便以后

React国际化react-i18next

标签： React国际化 react-i18next i18next

react-i18next 是基于 i18next 的一款强大的国际化框架，可以用于 react 和 react-native 应用，是目前非常主流的国际化解决方案。 i18next 有着以下优点：基于i18next不仅限于react，学一次就可以用在其它地方 ...

使用create-react-app构建react+ts项目(超详细)

标签： react.js typescript 前端

本文主要介绍的是如何通过create-react-app快速搭建一个react+ts的web项目，同时引入了ant-design作为UI组件库，路由(react-router-dom)以及使用redux作为状态管理库；希望通过结合一些简单案例的实践掌握react开发...

react-native-vision-camera RN相机初使用小记

标签： react native javascript 前端

react-native-camera react-native-vision-camera RN拍照 react-native 拍照相机扫码

react-draggable实现拖拽详解

标签： react.js javascript 前端

在页面中导入react-draggable。2. 初始化开始位置。

React教程之使用create-react-app构建你的第一个react应用

标签： create-react-app入门 react构建myapp 构建react

What’s React？ React 是 facebook 開發的一個 JS 函式庫，負責產生與管理前端的 UI 。它並不算框架。 Why React？用純 JS 在前端產生 HTML （一般來說是在後端產生 HTML 送到前端）使用 Virtual DOM，重繪時...

使用create-react-app创建React项目

标签： react.js 前端 javascript

简单记录一下使用create-react-app创建React项目，使用craco进行了简单的配置。包括支持装饰器语法、按需加载和简单的包体积优化。

关于React Native版本≥0.60使用 react-native link无效的解决方案(react-native link @ant-design/icons-...

标签： react native

1. 在ReactNative项目根目录创建react-native.config.js文件 2.添加以下代码 module.exports = { project: { ios: {}, android: {} }, assets: ["./assets/fonts/"] }; 3.将需要的字体文件复制到项目目录...

React - Redux Hooks的使用细节详解

标签： react.js javascript 前端

在之前的redux开发中，为了让组件和redux结合起来，我们使用了react-redux库中的connect:但是这种方式必须使用高阶函数结合返回的高阶组件;并且必须编写:mapStateToProps和 mapDispatchToProps映射的函数, 具体使用...

React-DevTools开发者工具安装

标签：前端 React react-devtools

React开发者工具最简单的安装方式自然是科学上网，通过Google Chrome浏览器访问应用商店安装了。以下介绍另一种安装方式：基于 react-devtools的GitHub项目源码编译进行插件安装。

React Native + react-native-camera 实现扫描二维码「安卓」

标签： react native react.js javascript

注：本篇博客参考了此篇：React Native实现扫描二维码功能基于react-native-camera 感谢孙先森i 的分享；我也来加把火；电脑：Mac；安卓手机：小米6钉子户环境：react-native 0.66.x 库：react-native-...

react-router-dom V6

标签： react.js javascript 前端

react-router-dom V6 版本更新内容概览

react路由配置react-router-dom v6版本

标签： react.js javascript

npm install react-router-dom -S 路由配置: import { hashRouter as Router, Routes, Route } from 'react-router-dom'; // Routes 就是v5版本的 Switch import PageA from './PageA'; // 页面A import PageB from...